
    <link rel="stylesheet" href="<?php echo $this->baseUrl; ?>/css/demo_page.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseUrl; ?>/css/demo_table_jui.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseUrl; ?>/css/jquery-ui-1.8.4.custom.css" type="text/css" />
    <link rel="stylesheet" href="<?php echo $this->baseUrl; ?>/css/TableTools_JUI.css" type="text/css" />

    <script type="text/javascript" src="<?php echo $this->baseUrl(); ?>/js/jquery.js"></script>
    <script type="text/javascript" src="<?php echo $this->baseUrl(); ?>/js/jquery.dataTables.js"></script>
    <script type="text/javascript" src="<?php echo $this->baseUrl(); ?>/js/jquery-ui-tabs.js"></script>
    <script type="text/javascript" src="<?php echo $this->baseUrl(); ?>/js/ZeroClipboard.js"></script>
    <script type="text/javascript" src="<?php echo $this->baseUrl(); ?>/js/TableTools.js"></script>
    
    <script type="text/javascript" charset="utf-8">
        $(document).ready(function() {
            $("#tabs").tabs( {
                "show": function(event, ui) {
                    var jqTable = $('table.display', ui.panel);
                    if ( jqTable.length > 0 ) {
                        var oTableTools = TableTools.fnGetInstance( jqTable[0] );
                        if ( oTableTools != null && oTableTools.fnResizeRequired() )
                        {
                            jqTable.dataTable().fnAdjustColumnSizing();
                            oTableTools.fnResizeButtons();
                        }
                    }
                }
            } );

            $('#example1').dataTable( {
                    "bJQueryUI": true,
                    "sPaginationType": "full_numbers",
                    "sDom": '<"H"Tfr>t<"F"ip>'
            } );
        } );
    </script>

    <body id="dt_example">   
    <div id="container">


        <div id="demo"> 

<a href="<?php echo $this->url(array('controller' => 'usuario', 
    'action' => 'add', 'id' => $d->id)); ?>">Agregar Usuario</a>

<!--creo una tabla para mostrar los datos-->
<table cellpadding="0" cellspacing="0" border="0" class="display" id="example1">
    <thead>
        <tr>
            <th>Id</th>
            <th>Nick</th>
            <th>Pass</th>
            <th>TipoUsuario</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>Id</th>
            <th>Nick</th>
            <th>Pass</th>
            <th>TipoUsuario</th>
        </tr>
    </tfoot>
<!--    recorro el arreglo de datos-->
  
<tbody>
  <?php foreach ($this->datos as $d) : ?>
<!--           por cada fila, muestro sus datos -->
        <tr>
            <td class="center"><?php echo $d->id; ?> </td>
<!--            nombre del album, con un enlace para editar el album-->
        <td class="center"><a href="<?php echo $this->url(array('controller' => 'usuario',
            'action' => 'update', 'id' => $d->id)); ?>">
                <?php echo $d->nick; ?></a> 
        </td>
<!--                id del artista-->
        <td class="center"><?php echo $this->escape($d->pass); ?></td>
<!--                    fecha del album-->
        <td class="center"><?php echo $this->escape($d->descripcion); ?></td>

        </tr>
<!--    fin del for-->
    <?php endforeach; ?>

</tbody>
</table>

</div>
        <div class="spacer"></div>
        </div>
        </body>